<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/bootstrap.css">
  <script src="./js/jquery.min.js"></script>
  <script src="./js/popper.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <title>Document</title>
  <style>
    .park{
      background-color: #f2f2f2;
    }
    .iec-menu .logo img{
     
    }
    .iec-menu ul {
      list-style: none;
    }
    .iec-menu ul li{
      float: left;
      margin: 0 20px;
      height: 50px;
      line-height: 50px;
    }
    .iec-menu ul>:nth-child(5){
      width: 200px;
      line-height: 28px;
      text-align: center;
    }
    .iec-menu ul>:nth-child(5) a{
      font-size: 12px;
      
      
    }
    .iec-menu ul a{
      color: #333;
      font-size: 18px;
      
    }
    .iec-menu ul a:hover{
      color: #4877ed;
    }
    .iec-menu .right-nav{
      color: #000;
      font-size: 12px;
      float: right;
      height: 50px;
      line-height: 50px;
    }
    .iec-menu .right-nav a{
      list-style: none;
      color: #000;
      font-size: 12px;
    }
    .iec-menu .right-nav span{
      margin: 0 3px;
    }
    .iec-menu .right-nav a:hover{
      color: #4877ed;
    }
  </style>
</head>

<body>
  <div class="park">
    <div class="container-fluid">
      <!-- 第一层 -->
      <div class="first-banner">
        <!-- 导航 -->
        <div class="first-nav">
           <div class="container">
             <!-- 导航的父级 -->
             <div class="navbar navbar-light navbar-expand-md">
                <a href="#" class="logo">
                  <img src="./img/logo_top.png" alt="" class="">
                </a>
                <!-- 缩小时才会出现 -->
                <button class="navbar-toggler" data-toggle="collapse" data-target="#iecmenu">
                  <span class="navbar-toggler-icon"></span>
                </button>
                <!-- 菜单(可隐藏) -->
                <div class="collapse navbar-collapse" id="iecmenu">
                   <!-- 因为 navbar-collapse 是项目因此内层要嵌套一个容器再做布局-->
                   <div class="d-flex flex-wrap w-100 justify-content-between">
                     <!-- 菜单区 -->
                      <div class="iec-menu nav clearfix">
                        <ul class="clearfix nav-item nav-link">
                          <li><a href="#" class="">首页</a></li>
                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">投融资</a>
                            <ol class="dropdown-menu">
                              <li><a href="#" class="drop-item">寻找融资</a></li>
                              <li><a href="#" class="drop-item">寻找项目</a></li>
                            </ol>
                          </li>
                          <li><a href="#">创业孵化</a></li>
                          <li><a href="#">筑梦之旅</a></li>
                          <li><a href="#">International Participant Application for Hight Education Track</a></li>
            
                        </ul>
                        <div class="right-nav nav-item nav-link">
                          <a href="#">登录 </a><span>|</span>
                          <a href="#">注册 </a><span>|</span>
                          <a href="#">管理入口</a>
                        </div>
                      </div>
                   </div>
                </div>
             </div>
           </div>
        </div>
      </div>
    </div>
  </div>
</body>

</html>